html,body{height: 100%;width: 100%;}
//搜索

#search .wrapper{width: 1200px;height:109px;
  .wrapper-l{width:240px;height:68px;float:left;margin-top:22px;margin-right:80px;
    img{width:240px;heigth:68px;}
  }
  .wrapper-c{width:550px;height:65px;margin-top:24px;margin-left:38px;float:left;
    form{width:530px;height:36px;border:2px solid #f15c18;
      div{width:69px;height:36px;float:left;text-align: center;height:36px;border-right:1px solid #999;position: relative;
        i{display: block;position: absolute;right:6px;top:16px;width:9px;height:6px;background: url("../../images/top_bg.png") no-repeat -50px 0;}
        ul{
          height: 36px;
          overflow: hidden;
        }
        li{list-style: none;line-height:36px;
          a{color:#777777;}
        }
      }
      input:nth-of-type(1){display:block;width:352px;height:36px;line-height:40px;border:0;float: left;padding-left:8px;outline: none}
      input:nth-of-type(2){display:block;width:100px;height: 36px;background: #f15c18;border: 0;float: left;color: #fff;font-size:18px;cursor: pointer;outline: none}
    }
    >div{margin-top:5px;
      ul{list-style: none;
        li{float: left;
          a{padding:0 8px;border-right:1px solid #999;font-size:12px;color:#777;}
        }
        li:nth-of-type(1){
          a{padding-left:0;}
        }
        li:nth-of-type(8){
          a{border: 0}
        }
      }
    }
  }
  .wrapper-r{width:264px;float: right;
    dl:nth-of-type(1){position: relative;margin-left:10px;float: right;
      a{display: block;width:127px;height: 42px;margin-top:24px;border:1px solid #999;line-height: 42px;color:#777;border-radius: 5px;
        i{display: block;width:18px;height:16px;background: url("../../images/che_bg.png") no-repeat -7px -6px;float: left;margin: 13px 10px 0;}
        span{display: block;width:4px;height:7px;float:right;margin-top:17px;margin-right:8px;background: url("../../images/top_bg.png") no-repeat -150px 0;}
        div{width:348px;position: absolute;border:1px solid #999;left:-221px;border-radius: 5px;display: none;
          h3{height:28px;border-bottom: 1px solid #999;font-size: 14px;color:#333;line-height:28px;padding-left:7px;}
          p{margin:8px 0;font-size: 14px;color:#777;text-align: center}
        }
      }
    }
    dl:nth-of-type(1):hover{
      div{display: block;background:#fff;}
    }

    dl:nth-of-type(2){float:left;position: relative;
      a{display: block;width:115px;height: 42px;margin-top:24px;border:1px solid #999;line-height: 42px;color:#777;border-radius: 5px;
        i{display: block;width:18px;height:16px;background: url("../../images/che_bg.png") no-repeat -32px -6px;float: left;margin: 13px 10px 0;}
        span{display: block;width:4px;height:7px;float:right;margin-top:17px;margin-right:8px;background: url("../../images/top_bg.png") no-repeat -150px 0;}
      }
      >div{width:228px;border:1px solid #999;position: absolute;padding:0 5px;left:-123px;border-radius: 5px;display: none;
        div:nth-of-type(1){width:100%;height:60px;border-bottom:1px dashed #999;padiing:0 5px;
          img{width:48px;height:48px;float:left;margin-top:6px;border-radius: 50%}
          a{width:100px;height:30px;float: left;font-size: 16px;color:#777;padding:0;margin-top:14px;margin-left:30px;line-height: 30px;text-align: center;
          }
          a:hover{background: #999;}
        }
        div:nth-of-type(2){width:100%;
          li{width:50%;height:30px;float: left;
            a{display: block;width:50%;height:30px;line-height: 30px;margin: 0;border:0;font-size: 12px;color:#777;}
            a:hover{color:red;}
          }
        }
      }
    }
    dl:nth-of-type(2):hover{
      >div{display: block;background: #fff}
    }
  }
}
//导航条
#nav{height: 40px;border-bottom: 1px solid orangered}
#nav .wrapper{width:1200px;
  >ul{list-style: none;
    >li{float: left;height:40px;
      a{display: block;height:100%;line-height: 40px;text-align: center;padding:0 20px;font-size: 16px;color:#333;}
      a:hover{color:orangered;}
    }

    >li:nth-of-type(1){width:172px;background: orangered;position: relative;
      >a{color:#fff;font-size: 14px}
      >a:hover{color: #fff;}
    //  二级导航
      >ol{position: absolute;width:172px;z-index:10;background: #343a3a;list-style: none;
        >li{height:46px;width: 152px;padding:0 10px;border-bottom: 1px dashed #777;cursor: pointer;line-height:46px;
          a{display:inline;color:#fff;font-size: 14px;text-align: left;padding:0;
          }
          em{font-size: 12px;color:#777;}
        }
        >li:hover{background: #fff;
          a{color:#000;}
          a:hover{color:red;}
        }
        >li:nth-of-type(10){border-bottom: 0;margin-bottom: 5px};

        //三级导航
        >li:nth-of-type(1){margin-top:6px;position:relative;
          >div{position: absolute;width:1000px;right:-1000px;top:-5px;box-shadow: 3px 3px 2px 0 #999;display: none;background: #fff;z-index: 10;
            div:nth-of-type(1){width:800px;float: left;height:450px;
              dl{width:100%;height:46px;
                >dt{float: left;height:30px;padding-bottom: 15px;position: relative;
                  a{padding:0 30px;color:#333;font-size: 12px;}
                  a:hover{color:red;}
                  i{position: absolute;width:3px;height:6px;right:12px;top:19px;background: url("../../images/top_bg.png") no-repeat -150px -15px;}
                }
                >dd{float: left;height:30px;border-bottom: 1px solid #E6E6E6;padding-bottom: 15px;
                  a{color:#777;padding:0 10px;font-size:12px;border-left: 1px solid #E6E6E6;}
                  a:hover{color:red;}
                }
              }
            }
            div:nth-of-type(2){float: right;
              ul{list-style: none;border-left: 1px solid #777;
                li{width:199px;height: 120px;margin-bottom: 10px;border-bottom: 1px solid #E6E6E6;
                  img{width:180px;height: 120px;}
                }
                li:nth-of-type(3){border-bottom: 0}
              }
            }
          }
        }
        >li:nth-of-type(1):hover{
          >div{display: block}
        }
      }
    }

    li:nth-of-type(2){
      a{color:orangered;}
    }
  }
}

//运动特卖
#run .wrapper{width: 1200px;height:79px;
  .wrapper-l{float:right;width:408px;height: 71px;margin:5px 6px 5px 15px;border:1px solid #999;
    >a{display: block;width:100px;height:59px;background: url("../../images/live.png") no-repeat;margin-left:5px;margin-top:5px;float:left;}
    div:nth-of-type(1){width:90px;height: 59px;float:left;margin-top:5px;position: relative;margin-left:15px;position: relative;overflow: hidden;
      img{width:90px;height: 59px;position: absolute;right:0;top:0;}
      a{display: block;width:90px;height: 59px;position: absolute;left:0;top:0;background: url("../../images/radio.png") no-repeat}
    }
    div:nth-of-type(2){width:180px;float: right;
      a:nth-of-type(1){display:block;color:#777;width:175px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
      span{display:block;font-size: 18px;color:orangered;float: left;padding-top:13px;}
      a:nth-of-type(2){display: block;float: right;width:60px;height: 20px;border:1px solid orangered;color:orangered;margin-top:13px;line-height: 20px;text-align: center;margin-right:5px;}
    }
  }
  .wrapper-c{float:right;width:408px;height: 71px;margin:5px 15px 5px 6px;border:1px solid #999;
    >p{width:100px;height:59px;margin-left:5px;float: left;background: url("../../images/live.png") no-repeat -95px 0;margin-top:6px;}
    >div{width:300px;float: right;
      >a{width:60px;height:60px;display: block;float: left}
      >p{float: right;margin-bottom: 10px;
        >a{display:block;width:210px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#777;margin-top:5px;padding-left:20px;}
      }
      span{font-size: 18px;color: orangered;padding-left:20px;}
    }
  }
  .wrapper-r{float:right;width:165px;height:79px;}
}


//轮播图
#banner .wrapper{width:100%;height:400px;position: relative;
  ul{width:100%;height:100%;
    >li{width:100%;height:100%;position: absolute;
        img{width:100%;height:100%;}
    }
  }
  ol{position: absolute;bottom: 20px;left:50%;margin-left:-60px;z-index:9;
    li{margin-left:10px;float: left;width:15px;height:15px;background: #333;border-radius: 50%;
    }
    li:nth-of-type(1){
      background: #f15c18;
    }
  }
  >div{position: absolute;width:1200px;height:100%;margin:auto;top:0;bottom: 0;right:0;left:0;
    >div{float: right;background: #fff;opacity:0.8;width:248px;height:400px;
      h2{width:100%;height:30px;padding:12px 0;text-align: center;line-height: 30px;font-size: 16px;}
      a{display: block;width:190px;height:250px;margin: 0 auto;}
      h3{width:192px;height:24px;line-height: 24px;text-align: center;font-size: 12px;margin: 0 auto;}
      p{width:192px;line-height:20px;margin: 0 auto;font-size: 14px;text-align: center}
    }
  }
}

//商品介绍
#introduce{background: #f2f2f2;padding-top:15px;}
#introduce .wrapper{width: 1200px;height:150px;
  ul{background: #fff;padding:10px 0;
    li{width:299px;height:130px;float:left;border-left:1px solid #E6E6E6;
      a{display:block;width:299px;height:130px;position: relative;overflow: hidden;
          h3{width:105px;height:24px;position: absolute;left:15px;top:25px;color:#222;}
          img{position: absolute;right: 10px;}
          h5{width:100px;height:18px;position: absolute;left:15px;top:50px;color:#777;}
      }
    }
    li:hover{
      h5{color:red;}
    }
    li:nth-of-type(1){border:0;}
  }
}


//品牌特卖
#special{background:#f2f2f2;height:715px;padding:15px 0;
  .wrapper{width:1210px;
    .top{width:100%;height:40px;padding:10px 0;position: relative;
      p{border-bottom: 1px solid #E6E6E6;float: left;width:100%;margin-top:20px;};
      h2{font-size: 30px;color:#000000;text-align: center;line-height: 40px;background: #f2f2f2;position: absolute;left:0;right:0;top:0;border:0;margin:auto;width:250px;};
    }
    .bottom{height:650px;margin-top:10px;
      ul{
        li{float: left;margin-bottom: 25px}
        li:nth-of-type(1){margin-right: 50px;}
        li:nth-of-type(3){margin-right: 50px;}
        li:hover{opacity: 0.7}
      }
    }
  }
}

//前三楼
#floor-top{background:#f2f2f2;}
#floor-top .wrapper{width:1210px;
  div{background:#f2f2f2;
    .top{width:100%;height:35px;padding-top:15px;border-bottom: 2px solid #f15c18;
      h2{font-weight:100;font-size: 20px;line-height:35px;float:left;
        i{display: block;width:35px;height:30px;background:#f15c18 url("../../images/floor1.png") no-repeat;float: left;margin-right:10px;color:#fff;font-size: 14px;line-height: 35px;text-align: center}
      }
      .top-ul1{float: right;background: #fff;
        li{float: left;padding:0 10px;height:37px;box-sizing: border-box;border-bottom: 2px solid #f15c18;
          a{display:block;height:100%;color:#777;font-size:12px;line-height: 37px;width:100%;}
        };
        li:nth-of-type(1){border-top:2px solid #f15c18;border-left: 1px solid #f15c18;border-right: 1px solid #f15c18;border-bottom: 2px solid #fff}
      }
    };
    .center{height: 474px;background: #f2f2f2;width:100%;
      .center-l{width:210px;height:100%;float:left;position: relative;
        ul:nth-of-type(1){width:200px;
          position: absolute;top:236px;left:10px;
          li{float:left;width:50%;height:26px;
            a{display: block;width:100%;height:100%;text-align: center;background: url("../../images/floor-toplc.png") no-repeat;padding-left:5px;color:#777;}
          }
        }
        ul:nth-of-type(2){position: absolute;bottom: 0;padding:10px;
          li{float:left;margin-right:3px;line-height: 30px;
            a{color:#777;}
          }
        }
      }
      .center-c{width:1000px;height:474px;float: right;display: block;
        ul:nth-of-type(1){width:219px;height:100%;
          float: left;
          li:nth-of-type(1){box-sizing: border-box;border-bottom: 1px solid #E6E6E6;
          }
          img{width:219px;height:236px;}
        }

        .top-banner{width:339px;height:100%;position: relative;float: left;overflow: hidden;
          ul{width:2034px;height:100%;position: absolute;top:0;left:0;
            li{float: left;height:50%;box-sizing: border-box;
              a{display: block;width:339px;height:100%;
                img{width:339px;height:100%;}
              }
            }
          }
          ol{position: absolute;bottom:40px;left:50%;margin-left:-50px;
            li{float: left;margin-right:5px;
              width:15px;height:15px;background: #777777;border-radius: 50%;cursor: pointer;
            }
            li:nth-of-type(1){
              background: #f15c18;
            }
          }
        }
        ul:nth-of-type(2){width:438px;height:100%;float: left;
          li{width:50%;height:50%;float: left;box-sizing: border-box;
            a{display: block;width:100%;height:100%;
              img{width:100%;height: 100%}
            }
          }
          li:nth-of-type(1){border-bottom: 1px solid #E6E6E6;border-right: 1px solid #E6E6E6;}
          li:nth-of-type(2){border-bottom: 1px solid #E6E6E6;}
          li:nth-of-type(3){border-right: 1px solid #E6E6E6;}
        }
      }
      .center-r{width:1000px;height:474px;float: right;background: #fff;display:none;
        ul{width:100%;height:100%;
          li{float: left;width:165px;height:230px;
            padding: 6px 17px 0px;opacity: 0.5;
            a:nth-of-type(1){display: block;
              width:165px;height:140px;display: block;padding-top:5px;margin-bottom: 4px;margin: 0 auto;
              img{width:130px;height:130px;margin: 0 auto;}
            }
            a:nth-of-type(2){color:#777;font-size: 14px;}
            a:nth-of-type(2):hover{color:red;}
            p{color: #f15c18;font-size: 16px}
          }
          li:hover{opacity: 1};
        }
      }
    }
    .bottom{width:1210px;height:33px;padding:15px 0;
      ul{width:100%;height:100%;
        li{width:120px;height: 100%;float: left;border-left: 1px dashed #999;
          a{display: block;width:100%;height:100%;
            img{width:100%;height:100%;}
          }
        }
        li:nth-of-type(1){border: 0}
      }
    }
  }

  >div:nth-of-type(2){
    .top{padding-top: 0}
  }
  >div:nth-of-type(3){
    .top{padding-top: 0}
  }
}


//后两楼
#floor-bottom{background: #f2f2f2;}
#floor-bottom .wrapper{width: 1210px;
  >div{background: #f2f2f2;
    .top{width:100%;height:35px;border-bottom: 2px solid #f15c18;
      h2{font-weight: 100;font-size: 20px;line-height:35px;float:left;
        i{display: block;width:35px;height:30px;background:#f15c18 url("../../images/floor1.png") no-repeat;float: left;margin-right:10px;color:#fff;font-size: 14px;line-height: 35px;text-align: center}
      }
      ul{float: right;background: #fff;
        li{float: left;padding:0 10px;height:37px;box-sizing: border-box;border-bottom: 2px solid #f15c18;
          a{display:block;height:100%;color:#777;font-size:12px;line-height: 37px;width:100%;}
        };
        li:nth-of-type(1){border-top:2px solid #f15c18;border-left: 1px solid #f15c18;border-right: 1px solid #f15c18;border-bottom: 2px solid #fff}
      }
    };
    .center{width:1210px;height:474px;background: #f2f2f2;
      .center-l{width:330px;height:100%;float: left;position: relative;
        ul:nth-of-type(1){position: absolute;top:198px;left: 0;width:310px;height:84px;padding-left:20px;
          li{float: left;width:103px;height:42px;line-height: 42px;
            a{display: block;width:100%;height:100%;background: url("../../images/floor-toplc.png") no-repeat 0 10px;text-align: center;line-height: 42px;padding-left:5px;color:#777;}
          }
        }
        ul:nth-of-type(2){position: absolute;bottom: 0;width:290px;height:142px;padding:25px 15px 25px 25px;
          li{float:left;margin-right:10px;line-height: 35px;
            a{color:#777;}
          }
        }
      };
      .center-c{width:880px;height:474px;float: right;display: block;
          .center-ct{width:100%;height:236px;
            >div:nth-of-type(1){width:439px;height:236px;float: left;position: relative;overflow: hidden;
              ul{position: absolute;top:0;left:0;width:2634px;height:100%;
                li{width:439px;height:100%;float: left}
              }
              ol{position: absolute;
                bottom: 20px;left:50%;margin-left:-50px;
                li{width:15px;height:15px;background: #777777;border-radius: 50%;float: left;margin-right:5px;cursor: pointer}
                li:nth-of-type(1){background: #f15c18}
              }
            };
            >div:nth-of-type(2){width:439px;height:236px;float: right;
              ul{width:100%;height:100%;
                li{float: left;box-sizing: border-box;border-bottom: 1px solid #E6E6E6};
                li:nth-of-type(1){border-right: 1px solid #E6E6E6}
                li:nth-of-type(3){border-right: 1px solid #E6E6E6}
              }
            };
          }
          .center-cb{width:876px;height:236px;
            ul{width:100%;height:100%;
              li{width:219px;height: 100%;float: left;border-left: 1px solid #E6E6E6;box-sizing: border-box}
              li:nth-of-type(1){border-left: 0}
            }
          }
      };
      .center-r{width:880px;height:474px;float: right;display: none;
        ul{width:100%;height:100%;
          li{width:220px;height:237px;float: left;
            a{width:220px;height: 100%;display: block;
              img{width:100%;height:100%;}
            }
          }
        }
      }
    }
    .bottom{width:1210px;height:33px;padding:15px 0;
      ul{width:100%;height:100%;
        li{width:120px;height: 100%;float: left;border-left: 1px dashed #999;
          a{display: block;width:100%;height:100%;
            img{width:100%;height:100%;}
          }
        }
        li:nth-of-type(1){border: 0}
      }
    }
  }
}

//会员专享
#member{background: #f2f2f2;padding-bottom:15px; }
#member .wrapper{width:1208px;height:346px;border:1px solid #f15c18;border-top: 3px solid #f15c18;
  .top{width:100%;height:49px;border-bottom:1px solid #999;
    h2{width:142px;height:49px;float: left;line-height: 49px;text-align: right;background: url("../../images/vip.png") no-repeat 20px 10px;font-weight: 100;color:#f15c18;};
    ul:nth-of-type(1){float: right;
      li{float: left;width:90px;height:100%;margin-right:40px;
        a{display: block;width:100%;height:100%;text-align: right;line-height: 49px;font-size: 16px;color: #f15c18;background: url("../../images/che.png") no-repeat 0px 14px;}
      }
    }
  }
  .bottom{width:1164px;height:296px;padding:0 22px;background: #fff;
    >ul{width:1164px;height:296px;
      li{width:206px;height:270px;float: left;padding:13px;
        a{display: block;width:206px;height:206px;
          img{width:206px;height:206px;}
        }
        p{font-size: 12px;color:#777;margin-top:20px;}
      }
    }
  }
}


//天天半价
#discount{background: #fff;border-top:1px solid #999;border-bottom: 1px solid #999;}
#discount .wrapper{width:1200px;background: url("../../images/discount.png") no-repeat 100px 0;height:86px; }


//公告
#notice{background: #fff;
  .wrapper{width:1200px;height:184px;
    div:nth-of-type(1){width:300px;height:184px;float: left;
      dl{margin-top:25px;margin-left:40px;border-right: 1px solid #999999;
        dt{font-size: 20px;color:#333;margin-bottom: 10px;}
        dd{
          a{display: block;color:#999;font-size: 14px;width:180px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 30px;};
          a:hover{color:red;}
        }
      }
    };
    div:nth-of-type(2){width:823px;height:156px;margin-top:25px;float: left;
      dl{width:164px;height:136px;float: left;
        dt{font-size: 20px;color:#333333;margin-bottom: 10px;
        }
        dd{
          a{display: block;font-size: 14px;color:#777;line-height: 30px;}
          a:hover{color:red;}
        }
      }
      dl:nth-of-type(1){padding-left:20px;width:140px;}
    }
  }
}


//侧边栏
#aside{width:40px;height:40px;background: #333333;color:#fff;text-align: center;line-height:40px;border-radius:5px;position: fixed;right: 0;bottom: 0;font-size: 14px;cursor: pointer}


























